<%--
  Created by IntelliJ IDEA.
  User: 123
  Date: 2023-04-11
  Time: 14:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="java.util.*" %>
<%@ page import="java.sql.Connection" %>
<%@ page import="java.sql.DriverManager" %>
<%@ page import="java.sql.PreparedStatement" %>
<%@ page import="java.sql.ResultSet" %>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style>
        .head{
            height: 100px;
            width: 100%;
            margin: 0;
            background-color: cornflowerblue;
        }
        .head-left{
            height: px;
            width: 500px;
        }
        .head-left img {
            padding-top: 20px;
            padding-left: 20px;
            float: left;
        }
        .head-right-top{
            width: 600px;
            height: 20px;
            float: right;
            margin-right: 20px;
            margin-bottom: 3px;
        }
        .head-right-top>ul{
            margin: 0;
            padding: 0;
            list-style: none;
            margin-right: 20;
        }
        .head-right-top li{
            float: right;
            padding-left: 6px;
        }
        .head-right-top a{
            margin-left: 10px;
            text-decoration: none;
        }
        .head-right-bottom{
            height: 40px;
            width: 600px;
            float: right;
        }
        .head-right-bottom>ul{
            text-align: center;
            margin: 0;
            padding: 0;
            list-style-type: none;
            margin-right: 20px;
        }
        .head-right-bottom li{
            float: right;
            padding-left: 14px;
        }
        .head-right-bottom img{
            width: 25px;
            height: 25px;
        }.head-right-bottom p{
             color: white;
             font-size: 15px;
         }
        .content-left{
            width: 200px;
            height: 1000px;
            background-color: lightskyblue;
        }
        .content-left p{
            display: inline;
        }
        .left_1>p{
            color: black;
            line-height: 30px;
        }
        .left_2>p{
            color: white;
            line-height: 25px;
        }
        .left_2{
            margin-left: 30px;
        }
        .content_right{
            position: absolute;
            left: 210px;
            top: 107px;
 /*       background-image: url(${pageContext.request.contextPath}/img/homebackground.png);
            background-size: cover;
            background-position: center center;
            height: 100vh;*/
        }
        .control_right_top{
            width: 1500px;
            height: 30px;
            margin-bottom: 2px;
        }
        .content_table table{
            width: 1200px;
            height: 500px;
            text-align: center;
        }
        a{
            text-decoration: none;
        }

        #menu-checkbox{
            display: none;
        }
        #menu-checkbox:checked ~ .tag-list{
            display: none;
        }

        #menu-checkbox1{
            display: none;
        }
        #menu-checkbox1:checked ~ .tag-list{
            display: none;
        }
        #menu-checkbox2{
            display: none;
        }
        #menu-checkbox2:checked ~ .tag-list{
            display: none;
        }
        #menu-checkbox3{
            display: none;
        }
        #menu-checkbox3:checked ~ .tag-list{
            display: none;
        }
        img {
            max-width: 100%;
            height: auto;
        }
    </style>
    <title>共享农庄平台</title>
</head>
<body>
<div class="head">
    <div class="head-left">
        <%--<img src="src/img/logo.png">--%>

    </div>
    <div class="head-right">
        <div class="head-right-top">
            <ul>
                <li><a href="index">退出</a></li>
                <li><a href="index"><img src="${pageContext.request.contextPath}/img/退出.png" width="20" height="20"></a></li>
                <li>欢迎使用共享农庄!</li>
                <li><img src="${pageContext.request.contextPath}/img/user.png" width="20" height="20"></li>
            </ul>
        </div>
        <div class="head-right-bottom">
            <ul>
                <li><a href="land1"><img src="${pageContext.request.contextPath}/img/homeauthentication.png"><p>地块认证及代理</p></a></li>
                <li><a href="land"><img src="${pageContext.request.contextPath}/img/homedisplay.png"><p>进展报告</p></a></li>
                <li><a href="pay"><img src="${pageContext.request.contextPath}/img/homecar.png"><p>农产品直购</p></a></li>
            </ul>
        </div>
    </div>
</div>


<div class="content-left">
    <div class="left_1">
        <img src="${pageContext.request.contextPath}/img/功能定义.png"width="20" height="20">
        <label for="menu-checkbox">地块认证及代种模块</label>
        <input id="menu-checkbox" type="checkbox" name="" value="" checked="checked">
        <div class="tag-list">
            <ol>
                <li><a href="#about">详情</a> </li>
                <li><a href="#function">功能</a> </li>
            </ol>
        </div>
    </div>
    <div class="left_1">
        <img src="${pageContext.request.contextPath}/img/功能定义.png"width="20" height="20">
        <label for="menu-checkbox1">进展报告</label>
        <input id="menu-checkbox1" type="checkbox" name="" value="" checked="checked">
        <div class="tag-list">
            <ol>
                <li><a href="#about1">详情</a> </li>
                <li><a href="#function1">功能</a> </li>
            </ol>
        </div>
    </div>
    <div class="left_1">
        <img src="${pageContext.request.contextPath}/img/功能定义.png" width="20" height="20">
        <label for="menu-checkbox2">农产品直购</label>
        <input id="menu-checkbox2" type="checkbox" name="" value="" checked="checked">
        <div class="tag-list">
            <ol>
                <li><a href="#about2">详情</a> </li>
                <li><a href="#function2">功能</a> </li>
            </ol>
        </div>
    </div>
</div>

<div class="content_right">

    <section id="about" align="center">
        <h2>地块认证及代理详情</h2>
        <ul style="list-style: none;">
            <li>地块认证是对土地所有权和使用权的明确和确认，主要通过土地调查、权证核查、档案审核等方式，确定土地的合法性和可用性，并建立相应的档案和记录，保证土地管理</li>
            <li>的规范性和安全性。代理耕种是指一方面为土地所有者代理管理和运营土地资源，另一方面为耕种者提供承包土地和耕种机会。代理耕种服务提供者通过精准的数据分析、</li>
            <li>风险评估、品种匹配、科技支持等方式，确保土地资源的高效利用和最大化收益，同时也为耕种者提供更好的工作条件、技术支持和经费保障，提升耕种效率和耕种质量。</li>
        </ul>
    </section>

    <section id="function" align="center">
        <h1>地块认证及代理功能</h1>
        <ul style="list-style: none;">
            <li>有两种服务可供选择：自行耕种和托管代种，用户需要提交有关地块的基本信息，例如植被、土壤、流量等等，对于自行耕种服务，平台会根据这些信息进行审批，并向用户</li>
            <li>收取一定的订金。审批通过后，用户可以到该地块上进行耕种对于自行耕种服务，平台会根据这些信息进行审批，并向用户收取一定的订金。审批通过后，用户可以到该地块</li>
            <li>上进行耕种对于托管代种服务，用户需缴纳相应的费用。平台会为用户分配专业工作人员进行耕种和管理，并定期向用户报告进展情况用户需遵守平台相关的管理规定和农作物生长周期等方面的要求</li>
        </ul>
    </section>

    <section id="about1" align="center">
        <h1>进展报告详情</h1>
        <ul style="list-style: none;">
            <li>摘要：进展报告应该包含一个清晰的摘要，概述此阶段的工作以及即将完成的任务。摘要应该包括针对项目目标和重点问题的一个简要概述。目标：这一部分应该描述项目的目</li>
            <li>标、研究问题或任务，并阐明在此阶段内已经完成了哪些任务及任务的进展情况。完成的工作：在此阶段，已经完成的工作会被详细列出，并阐明完成的质量以及是否有待改进的地方。这一部分应该重点关注所取得的成果、开展的详细内容、人员情况、时间表等</li>
        </ul>
    </section>

    <section id="function1" align="center">
        <h1>进展报告功能</h1>
        <ul style="list-style: none;">
            <li>查看土地的耕种信息</li>
        </ul>
    </section>

    <section id="about2" align="center">
        <h1>产品直购详情</h1>
        <ul style="list-style: none;">
            <li>会员可以浏览平台上的产品目录，并选择所需农产品进行购买，购买成功后，用户可以选择邮寄或自提的方式接收农产品为保证产品质量和供应链可追溯性，平台与合法的农产品</li>
            <li>供应商建立合作关系，并实行严格的质量控制和溯源制度，提倡生态农业，不使用化肥、农药等化学物质，保证原产地的口感纯正，营养丰富，安全可靠</li>
        </ul>
    </section>

    <section id="function2" align="center">
        <h1>产品直购功能</h1>
        <ul style="list-style: none;">
            <li>会员可以浏览平台上的产品目录，并选择所需农产品进行购买，购买成功后，用户可以选择邮寄或自提的方式接收农产品</li>
            <li>为保证产品质量和供应链可追溯性，平台与合法的农产品供应商建立合作关系，并实行严格的质量控制和溯源制度</li>
            <li>提倡生态农业，不使用化肥、农药等化学物质，保证原产地的口感纯正，营养丰富，安全可靠</li>
        </ul>
    </section>
</div>
</body>
</html>